<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"               
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns="http://www.w3.org/1999/xhtml">
    <h:form id="frmListEvent"  >
        <p:panel>
            <h:panelGrid columns="1" style="width: 98%">

                <h:outputLabel class="bold color_blue" value="#{eventControl.selectedevent.title}"></h:outputLabel>

                <p:separator style=" color: #ff6400" ></p:separator>
            </h:panelGrid>
            <h:panelGrid columns="2" style="width: 98%" >  

                <a href="#"><img src="#{eventControl.selectedevent.photo}" height="100" width="70" /> </a>

                <h:panelGrid columns="1" width="100%">
                    <h:panelGrid  columns="4" title="#{eventControl.selectedevent.title}" >

                        <h:outputLabel value="Start at:" class="color_blue"></h:outputLabel>
                        <h:outputLabel value="#{eventControl.selectedevent.startDate}"  class="bold"  >
                            <f:convertDateTime timeZone="GMT+7" type="date" pattern="MM/dd/yyyy" />
                        </h:outputLabel>
                        <h:outputLabel value="End at:" class="color_blue" ></h:outputLabel>
                        <h:outputLabel value="#{eventControl.selectedevent.endDate}" >
                            <f:convertDateTime timeZone="GMT+7" pattern="MM/dd/yyyy"  />
                        </h:outputLabel>
                        <h:outputLabel value="Register at:" class="color_blue_red"></h:outputLabel>
                        <h:outputLabel value="#{eventControl.selectedevent.startRegDate}"  class="bold"  >
                            <f:convertDateTime pattern="MM/dd/yyyy" timeZone="GMT+7" />
                        </h:outputLabel>
                        <h:outputLabel value="Due to:" class="color_blue_red"></h:outputLabel>
                        <h:outputLabel value="#{eventControl.selectedevent.endRegDate}"  class="bold"  >
                            <f:convertDateTime pattern="MM/dd/yyyy" timeZone="GMT+7" />
                        </h:outputLabel>
                    </h:panelGrid>
                    <h:panelGrid columns="1" style="width: 100%;">
                        <h:outputLabel value="#{eventControl.selectedevent.description}"  ></h:outputLabel>
                    </h:panelGrid>
                </h:panelGrid>
            </h:panelGrid>  
        </p:panel>


    </h:form>
</ui:composition>